<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<script src="../js/vue.js" ></script>
<body>
<div id="app">
        <p>currentTime1  {{currentTime1()}}</p>
        <p>currentTime2  {{currentTime2}}</p>
</div>
<script>
  let vm=new Vue({
    el:'#app',
    data:{
      message:'hello cache'
    },
    methods:{
      currentTime1:function (){
        return Date.now();  //返回一个时间戳
      }
    },
    computed:{
      currentTime2:function (){//计算属性 methods和computed最好不要重名，重名之后，只会调用methods方法。
        this.message; //当message修改后，computed方法会执行，相当于缓存
        return Date.now();  //返回一个时间戳
      }
    }
  });

</script>

</body>
</html>